<template>
  <side-bar-section>
    <a-menu mode="inline" theme="dark" :default-selected-keys="['4']">
      <a-menu-item key="1">
        <router-link :to="{ name: 'AdminUserManagement' }">
          <a-icon type="usergroup-add" />
          {{ $t('users') }}
        </router-link>
      </a-menu-item>
      <a-menu-item key="2">
        <router-link :to="{ name: 'AdminJobs' }">
          <a-icon type="sync" />
          {{ $t('jobs') }}
        </router-link>
      </a-menu-item>
      <a-menu-item key="3">
        <router-link :to="{ name: 'AdminSettings' }">
          <a-icon type="setting" />
          {{ $t('settings') }}
        </router-link>
      </a-menu-item>
      <a-menu-item key="4">
        <router-link :to="{ name: 'AdminLibraryManagement' }">
          <a-icon type="book" />
          {{ $t('external_libraries') }}
        </router-link>
      </a-menu-item>
      <a-menu-item key="5">
        <router-link :to="{ name: 'AdminStats' }">
          <a-icon type="dashboard" />
          {{ $t('server_stats') }}
        </router-link>
      </a-menu-item>
    </a-menu>
    <bottom-info />
  </side-bar-section>
</template>

<script>
import SideBarSection from './side-bar-section.vue';
import BottomInfo from './bottom-info.vue';

export default {
  name: 'AdminSideBar',
  components: {
    SideBarSection,
    BottomInfo,
  },
};
</script>

<style scoped>
/* 添加必要的样式 */
</style>